<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 数组方法 </title>
</head>
<body>
<h2>拼接数组</h2>
<p>splice() 方法将新元素添加到数组中：</p>

<button onclick="myFunction()">试一试</button>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
  var fruits = ["Banana", "Orange", "Apple", "Mango"];
  document.getElementById("demo1").innerHTML = "原数组：<br>" + fruits;
  function myFunction() {
    fruits.splice(2, 0, "Lemon", "Kiwi");
    document.getElementById("demo2").innerHTML = "新数组：<br>" + fruits;
  }
</script>

</body>
</html>

<!--
运行结果：
原数组：
Banana,Orange,Apple,Mango

新数组：
Banana,Orange,Lemon,Kiwi,Apple,Mango


第一个参数（2）定义了应添加新元素的位置（拼接）。
第二个参数（0）定义应删除多少元素。
其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。
-->

<!--
splice() 方法返回一个包含已删除项的数组：
fruits.splice(2, 2, "Lemon", "Kiwi");

原数组：
Banana,Orange,Apple,Mango
新数组：
Banana,Orange,Lemon,Kiwi
已删除项：
Apple,Mango
-->